<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        // ES6里的类 


        // ES5 里的 类似  类的概念 ；构造函数 

        // 构造函数 
        // function Person(name,age){
        //     this.name = name;
        //     this.age = age;
        //     // this.fn = function(){}
        // }
        // Person.prototype.fn = function(){
        //     console.log("fn");
        // }

        // ES6 直接写  通过  class 关键字声明 类 ；

        // 定义一个类 
        // class 是一个函数 ， class 是构造函数的语法糖 
        class Person{
            constructor(name,age){
                this.name = name;
                this.age = age;
                
            }  
            // fn2:function () {  错误的写法 
            //     console.log("fn2")
            // }
            fn(){  // 简写形式 
                console.log("fn");
            }
        }
        // console.log(typeof Person);

        // 实例化一个类 
        let zhangsan = new Person("张三",20);
        console.log(zhangsan);
        zhangsan.fn();






    </script>
</body>
</html>